PR Description

This pull request introduces skeleton components for the Teams and Attendance sections, enhancing the user experience during data loading states.

Description of tasks that were expected to be completed

Creating skeleton for Team and attendance

Description of tasks that were expected to be completed

Implemented TeamsSkeleton component to provide a placeholder design for teams data loading.
Implemented AttendanceSkeleton component to provide a placeholder design for attendance data loading.
Added responsive styles and consistent placeholder animations using Tailwind CSS.

How has this been tested?

Verified the visual appearance of the skeleton components in the browser.
Tested responsiveness across different screen sizes (mobile, tablet, and desktop).
Confirmed that the components are displayed only during data-loading states.

Please check this Checklist before you submit your PR:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My code generate no warnings
• My test coverage meet the set test coverage threshold
• There are no vulnerabilities
• There are no conflicts with the base branch